<?php

function startSphere() {
    
    
    
    echo'<div id="experiment">
			
        
        <div id="cube" class="animate"  >
        
        <div class="face one"">
            <span class="playlist" >PLAYLIST 1</span>
            <a href="#" id ="playlist1"><img src="' . URL_IMG . 'uploads/sonic.jpg"></a>
        </div>
        <div class="face two" ">
            <span class="playlist" >PLAYLIST 2</span>
            <a href="#" id ="playlist2"> <img src="' . URL_IMG . 'uploads/sonic2.jpg"></a>
        </div>
        <div class="face three">
            <span class="playlist" >PLAYLIST 3</span>
            <a href="#" id ="playlist3"> <img src="' . URL_IMG . 'uploads/sonic3.jpg"></a>
        </div>
        <div class="face four">
            <span class="playlist" >PLAYLIST 4</span>
           <a href="#" id ="playlist4" >  <img src="' . URL_IMG . 'uploads/sonic4.gif"></a>
        </div>
        <div class="face five">
            <span class="playlist" >PLAYLIST 5</span>
         <a href="#" id ="playlist5">    <img src="' . URL_IMG . 'uploads/sonic5.jpg"></a>
        </div>
        <div class="face six">
            <span class="playlist" >PLAYLIST 6</span>
           <a href="#" id ="playlist6"> <img src="' . URL_IMG . 'uploads/sonic6.jpg"></a>
        </div>
    </div>';
}

function endSphere() {
    echo'</div></div>';
}




//
//function printPlaylist($face,$playlist_name,$id_playlist){
//    echo ' <div class="face '.$face.'">
//        <a href="#" >
//            <span class="playlist" name="'.$id_playlist.'" >'.$playlist_name.'</span>
//        </div>';
//}
// 
//    
?>


